import * as echarts from 'echarts'

export default function (el: HTMLElement) {
  //拿到需要挂载的节点
  const echartInstance = echarts.init(el)
  //把配置文件写入 并开始绘制图表
  const setOptions = (options: echarts.EChartsOption) => {
    echartInstance.setOption(options)
  }
  //当你需要根据浏览器大小改变而刷新图表的时候 那么可以调用这个方法
  const updateSize = () => {
    echartInstance.resize()
  }
  //主动根据浏览器大小改变而刷新图表
  window.addEventListener('resize', () => {
    echartInstance.resize()
  })

  return {
    echartInstance,
    setOptions,
    updateSize
  }
}
